.bgimg{
    position: fixed;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom,#c95575,#8478a3,#b0a9cc)
}

@keyframes fadeIn1 {
    from {
      opacity: 0;        
    }
    to {
      opacity: 1;          
    }
}

.primarypiechart{
    width: 100%;
    height: 100%;
    position:absolute;
    left:50%;
    top:0;
    transform: translate(-50%);
    animation: fadeIn1 0.5s ease-out forwards; 
}

.FlowerContainer{
    position:absolute;
    bottom:2%;
    left:50%;
    transform: translate(-50%);
    width: 100%;
    height:50%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

@keyframes fadeIn {
    from {
      opacity: 0;        
      transform: translateX(200px); 
    }
    to {
      opacity: 1;        
      transform: translateX(0);    
    }
}

.box{
    height:15%;
    width: 80%;
    position:relative;
    background: #f6f8fc;
    border-radius: 10px;
    animation: fadeIn 0.5s ease-out forwards; 
}

.FlowerBtn{
    position:absolute;
    left:5%;
    top:50%;
    transform: translate(0,-50%);
    width: 10vw;
    height:10vw;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    border-radius: 50%;
    background: transparent;
}

.FlowerImg{
    height: 100%;
    width: 100%;
}

.FlowerName{
    position:absolute;
    left:20%;
    top:20%;
    font-size:12px;
    font-weight: bold;
}

.FlowerContent{
    position:absolute;
    left:20%;
    bottom:20%;
    font-size:10px;
    color:#a6a7a8;
}

.touch{
    position:absolute;
    height: 15vw;
    width: 15vw;
    background:transparent;
}

.version{
    position:absolute;
    bottom:0;
    left:50%;
    transform: translate(-50%);
    z-index: 3000;
    color: #c2c3c6;
}

.CheckVersion{
    position:absolute;
    top:0;
    left:50%;
    transform: translate(-50%);
    height: 5%;
    width: 20%;
    z-index: 3000;
}